<%-- 
    Document   : Procesos
    Created on : 01-ago-2014, 16:35:42
    Author     : equipo_4
--%>

<%@page import="RRHH_Modelo.RHH_CATEGORIA_DATO"%>
<%@page import="Modelo.SIS_ACCEDIDOS"%>
<%@page import="RRHH_Modelo.RHH_REGIONAL_DEPTO"%>
<%@page import="RRHH_Modelo.RHH_CARGO"%>
<%@page import="RRHH_Modelo.RHH_REGIONAL"%>
<%@page import="RRHH_Modelo.RHH_DEPARTAMENTO"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page import="Conexion.Conexion"%>
<%@page import="Modelo.SIS_PERFILES"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <div id="CuerpoFormulario">
            <h1 id="tituloFormulario">Gestion de Cargos</h1>
             <h1 id="titulo" class="negrilla xlarge">LOCALIZACION DEL CARGO</h1>
                <div class="contenedor30 altoGrande">
                        <span class="negrilla grande" >Departamento</span>
                        <%
                        RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
                        Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());
                        SIS_ACCEDIDOS accedido = new SIS_ACCEDIDOS("RRHH/RRHH_CARGOS.jsp", usuario.getID(), "CARGOS");
                        accedido.setCon(con);
                        accedido.Insertar();
                        
                        RHH_DEPARTAMENTO depto = new RHH_DEPARTAMENTO(con);
                        depto.setCon(con);
                        List<RHH_DEPARTAMENTO> Lista = depto.Todos();
                        con.Close();
                        out.print("<select name='departamento' class='mediano'>");
                        out.print("<option value='1'>-DEPTO-</option>");
                        for(int i =0; i<Lista.size(); i++)
                        {
                            out.print("<option value="+Lista.get(i).getID()+">"+Lista.get(i).getDESCRIPCION()+"</option>");
                        }
                         out.print("</select>");
                       %>
                       <span class="negrilla grande" id="regional" style="display: none;">Regional</span>
                       <select name='regional' class="grande" style="display: none">
                          
                       </select>
                       <span class="negrilla grande" id="sucursal" style="display: none;">Sucursal</span>
                       <select name='sucursal' class="grande" style="display: none">
                           
                       </select>
                </div>
                <input type="hidden" name="IdSubMenu" />
                <input type="hidden" name="departamento" />
                <input type="hidden" name="regional" />
                <input type="hidden" name="sucursal" />
                <div class="contenedor70 altoGrande">
                </div>
        </div>
        <div id="popUpbackGround" style="z-index: 0;"></div>
        <div class="popupg" id="cargos">
            <h1 id="titulo" style="font-size: 15px; font-weight: bolder; ">Crear Nuevo Cargo</h1>
            <form>
                <div>
                    <span class="negrilla">Descripcion</span>
                    <input type="text" name="descripcionNuevo" value="" autofocus="true"/>                                
                    <span class="negrilla">Perfil</span>
                    <input type="text" name="perfil" value=""/>
                    <span class="negrilla">Dependencia</span>      
                     <span class="negrilla"></span>                 
                     <select name="dependencia">
                    </select><br>
                </div>
                <div>
                    <span class="negrilla">Tipo de Cargo</span>              
                    <span class="negrilla"></span>
                    <select name="tccargo">
                    </select>
                    <span onclick="MostrarTCargo();">(+)</span><br>                                
                    <input type="text" value="" placeholder="Nuevo Tipo" id="txtTipo" style="display: none; "/>
                    <input type="button" onclick="nuevoTipo();" value="Agregar" id="btnTipo" class="chico" style="display: none;"/>
                </div>
                 
                 <div>
                    <div style="font-size: 15px; font-weight: bolder;">Seleccionar Datos</div>
                    <span onclick="MostrarDato();">(+)</span><br>
                    <ul id="lista-datos">
                    </ul>              
                    <div style="display: none;" id="divdatos">                        
                        <input type="text" value="" id="txtDato" placeholder="Nuevo Dato"/>
                        <select name="tipodato">
                        <%
                            List<RHH_CATEGORIA_DATO> lista = new RHH_CATEGORIA_DATO(con).Todos();
                            for (int i = 0; i < lista.size(); i++)
                            {
                                out.print("<option value='"+lista.get(i).getID()+"'>"+lista.get(i).getDESCRIPCION()+"</option>");
                            }
                        %>
                         </select>
                         <span onclick="addcategoriadato();">(+)</span>
                         <input type="button" onclick="nuevoDato();" id="btnDato" value="Agregar" class="chico"/>
                    </div>
                 </div>                    
                 <div>
                    <div style="font-size: 15px; font-weight: bolder;">Seleccionar Documentos</div>
                    <span onclick="MostrarDocs();">(+)</span><br>
                    
                        <ul id="lista-docs">
                        </ul>       
                    <div id="divdatos2" style="display: none;">
                        <input type="text" value="" id="txtDocs" placeholder="Nuevo Documento"/>
                        <select name="tipodoc">
                        <%
                            for (int i = 0; i < lista.size(); i++)
                            {
                                out.print("<option value='"+lista.get(i).getID()+"'>"+lista.get(i).getDESCRIPCION()+"</option>");
                            }
                        %>
                        </select>
                        <span onclick="addcategoriadato();">(+)</span>
                        <input type="button" onclick="nuevoDocs();" id="btnDocs" value="Agregar" class="chico"/>
                    </div>
                </div>
            </form>
            <input type="button" onclick="GuardarNuevo()" value="Guardar" id="GuardarModificar" class="chico"/>
            <input type="button" value="Cancelar" onclick="cancelPopUp()" id="Cancelar" class="chico"/>
        </div>    
        <div id="categoriadatos" class="popup">
           <input type="text" value="" id="txtcatDato" placeholder="Nueva categoria"/>
           <input type="button" onclick="nuevocatDato();" id="btncatDato" value="Agregar" class="chico"/>
        </div>
        <footer >
            <a  href="#" id="CrearNuevo"><img class="circulo" src="../img/iconos/CrearUsuario.png" alt=""/><br/>
               Crear Nuevo Cargo
            </a >
            <a href="#" id="Atras"><img class="circulo" src="../img/iconos/Atras.png" /><br/>
                 Pagina Principal
            </a>
         </footer>
        <script type="text/javascript">
            var urlJsp="../RRHH_CARGOS_CONTROLLER";
            
            function nuevocatDato()
            {
                var desc = $("#txtcatDato").val();
                $("#txtcatDato").val("");
                $.post(urlJsp,{proceso:"nuebacatdato",desc:desc},function(responsetext){
                    $("select[name=tipodato]").append(responsetext);
                    $("select[name=tipodoc]").append(responsetext);
                    $("#categoriadatos").css("display","none");
                });
            }
            
            $("select[name=departamento]").change(function(){
                var seleccionado=$(this).find("option:selected");
                if(seleccionado.val()== '1'){
                    $("select[name=regional]").html('');
                    $('#regional').css("display","none");
                    $("select[name=regional]").css("display","none");
                    $("input[name=departamento]").val("");
                    $("input[name=regional]").val("");
                    $("select[name=sucursal]").html('');
                    $('#sucursal').css("display","none");
                    $("select[name=sucursal]").css("display","none");
                    $("input[name=regional]").val("");
                    $("input[name=sucursal]").val("");
                    return;
                }
                $("input[name=departamento]").val(seleccionado.val());
                $("select[name=regional]").css("display","block");
                $('#regional').css("display","block");
                $.post(urlJsp,{proceso:"buscarRegional",Iddepartamento :seleccionado.val()},function(responsetext){
                    $("select[name=regional]").html(responsetext);
                     $("select[name=sucursal] option:eq(0)").attr("selected",true);
                });
                buscarPerfiles();
        });
        
        var catactivo = false;
        function addcategoriadato()
        {
            if(catactivo==false)
            {                
                $("#categoriadatos").css("display","block");
                catactivo=true;
            }
            else
            {
                $("#categoriadatos").css("display","none");
                catactivo=false;
            }
        }
        
        function buscarPerfiles(){
             var idDpto=$("select[name=departamento] option:selected").val();
            var IdSucursal=$("select[name=sucursal] option:selected").val();
            var IdRegional=$("select[name=regional] option:selected").val();
            IdSucursal=IdSucursal==null ||IdSucursal==1?"0":IdSucursal;
            IdRegional=IdRegional==null ||IdRegional==1?"0":IdRegional;
            $.post(urlJsp,{proceso:"seleccionarSubMenu",Iddepartamento : idDpto,IdSucursal:IdSucursal
                ,IdRegional:IdRegional},function(responsetext){
                $(".contenedor70").html(responsetext);
                dragAndDrop();
                contenedroHeight();
            });
        }
         $("select[name=regional]").change(function(){
                var seleccionado=$(this).find("option:selected");
                $("input[name=regional]").val(seleccionado.val());
                $("select[name=sucursal]").css("display","block");
                $('#sucursal').css("display","block");
                $.post(urlJsp,{proceso:"buscarSucursales",Idregional :seleccionado.val()},function(responsetext){
                    $("select[name=sucursal]").html(responsetext);
                });
                if(seleccionado.val()== '1'){
                    $("select[name=sucursal]").html('');
                    $('#sucursal').css("display","none");
                    $("select[name=sucursal]").css("display","none");
                    $("input[name=regional]").val("");
                    $("input[name=sucursal]").val("");
                }
                buscarPerfiles();
        });
         $("select[name=sucursal]").change(function(){
                 var seleccionado=$(this).find("option:selected");
                 $(".subMenu").remove();
                if(seleccionado.val()== '0'){
                    $("input[name=sucursal]").val("");
                    return;
                }
               buscarPerfiles();
         });

          $(".subMenu").hover(function(){
            $(this).find(".btnEliminar").css("visibility","visible");
         },function(){
            $(this).find(".btnEliminar").css("visibility","hidden");
         });
         
         function submenu(elemento)
         {
             $(".subMenu").removeClass("blanco");
             $(elemento).addClass("blanco");
             $("input[name=IdSubMenu]").val($(elemento).data("value"));
             $.post(urlJsp,{proceso:"seleccionarSubMenu",IdCargo:$(elemento).data("value")},function(responsetext){
                 $('.contenedor70').html(responsetext);
                     $("#mas").click(function(){
                          $.post(urlJsp,{proceso:"modificarPuesto",option :'0',IdCargo :$("input[name=IdSubMenu]").val()
                             },function(responsetext){
                                  $('select [name=tcargo]').html(responsetext);
                             });
                     });
                     $("#menos").click(function(){
                         $.post(urlJsp,{proceso:"modificarPuesto",option:'1',IdCargo :$("input[name=IdSubMenu]").val()
                             },function(responsetext){
                              $('.contenedor70').html(responsetext);
                             });
                     });
                 dragAndDrop();
                 contenedroHeight();
             });  
              $(".subMenu").hover(function(){
                 $(this).find(".btnEliminar").css("visibility","visible");
              },function(){
                 $(this).find(".btnEliminar").css("visibility","hidden");
              });
         }

        
        function dragAndDrop(){
            $('.draggable').draggable({
                   helper: "clone",
                   revert: "invalid",
                  start:function(evento,ui){
                     $(this).css({
                         opacity:"0"
                         ,cursor:"-moz-grabbing"
                     });
                 },
                stop:function(evento,ui){
                     $(this).css({
                         opacity:"1"
                         ,cursor:"-moz-grab",
                     });
                     droppable.css( "background","none");
                 }
             });                
             $('.contenedor50').droppable({
                 tolerance:"intersect",
                 over:function(){
                     droppable=$(this);
                   $(this).css({
                      background:"white" 
                   });  
                 },
                 out:function(event,ui){
                   $(this).css({
                       background:"none"
                   });  
                 },
                 drop:function(event,ui){
                     var elementoMovimiento=$(ui.draggable);
                     var IdPerfil=elementoMovimiento.data("id");
                     if(elementoMovimiento.data("estado") != $(this).data("estado"))
                     {
                         var idcargo=elementoMovimiento.data("idcargo");
                          quitarAgregarRoll(IdPerfil,idcargo);
                     }
                 }
             });
         }

       function quitarAgregarRoll(IdPerfil,idCargo){
            var idDpto=$("select[name=departamento] option:selected").val();
            var IdSucursal=$("select[name=sucursal] option:selected").val();
            var IdRegional=$("select[name=regional] option:selected").val();
            IdSucursal=IdSucursal==null ||IdSucursal==1?"0":IdSucursal;
            IdRegional=IdRegional==null ||IdRegional==1?"0":IdRegional;
           $.post(urlJsp,{proceso:"quitarAgregarRoll",idCargo :idCargo,idPer :IdPerfil,Iddepartamento : idDpto,IdSucursal:IdSucursal
                ,IdRegional:IdRegional
         },function(responsetext)
           {
               $('.contenedor70').html(responsetext);
                dragAndDrop();
                contenedroHeight();
            }); 
       }

        function GuardarNuevo(){
            var idDpto=$("select[name=departamento] option:selected").val();
            var IdSucursal=$("select[name=sucursal] option:selected").val();
            var IdRegional=$("select[name=regional] option:selected").val();
            IdSucursal=IdSucursal==null ||IdSucursal==1?"0":IdSucursal;
            IdRegional=IdRegional==null ||IdRegional==1?"0":IdRegional;
            var descripcion = $("input[name=descripcionNuevo]").val();
            var perfil= $("input[name=perfil]").val();
            var listadatos = "";
            var listadocs = "";
            if(descripcion!="" && perfil!="")
            {
                $("#lista-datos input").each(function (){
                    if($(this).attr("checked"))
                    {
                        listadatos += $(this).val()+",";
                    }                  
                });                
                listadatos= listadatos.substring(0,listadatos.length-1);
                
                $("#lista-docs input").each(function (){
                    if($(this).attr("checked"))
                    {
                        listadocs += $(this).val()+",";
                    }                  
                });
                listadocs= listadocs.substring(0,listadocs.length-1);               
                
            $.post(urlJsp,{proceso:"GuardarNuevo",Iddepartamento : idDpto,descripcion:descripcion,perfil:perfil,
                 dependencia:$("select[name=dependencia] option:selected").val(),tipo:$("select[name=tccargo] option:selected").val(),IdSucursal:IdSucursal
                ,IdRegional:IdRegional,listadatos:listadatos,listadocs:listadocs},function(responsetext){
                $(".contenedor70").html(responsetext);
                dragAndDrop();
                contenedroHeight();
               });
               cancelPopUp();
            }
            else
            {
                alert("rellene los campos");
                 $("input[name=descripcionNuevo]").focus();
            }
         }
         function eliminarPerfil(idPerfil){
            var idDpto=$("select[name=departamento] option:selected").val();
            var IdSucursal=$("select[name=sucursal] option:selected").val();
            var IdRegional=$("select[name=regional] option:selected").val();
            IdSucursal=IdSucursal==null ||IdSucursal==1?"0":IdSucursal;
            IdRegional=IdRegional==null ||IdRegional==1?"0":IdRegional;
              $.post(urlJsp,{proceso:"eliminarPerfil",Iddepartamento : idDpto,IdSucursal:IdSucursal
                ,IdRegional:IdRegional,Eliminar :idPerfil},function(responsetext){
                 $(".contenedor70").html(responsetext);
                 dragAndDrop();
                 contenedroHeight();
             });
             cancelPopUp();
         }

       function cancelPopUp(){
            limpiarPopUp();
            $("#popUpbackGround").css("display","none");
            $("#cargos").css("display","none");
        }
       function cancelPopUptcargo(){
            limpiarPopUptc();
            $("#popUpbackGround").css("display","none");
            $("#popUpContentTCargo").css("display","none");
            $("#popUpContent").css("display","block");
        }
        function limpiarPopUp(){
            $('input[name=descripcionNuevo]').val("");
            $('input[name=perfil]').val("");
        }
        
         function contenedroHeight(){
           var c1=$(".c1").height();
           var c2=$(".c2").height();
            if(c1>c2){
               $(".c2").css("height",c1+"px");
           }else{
               $(".c1").css("height",c2+"px");
           }    
        }
        function GuardarNuevoTcargo()
        {           
            $.post(urlJsp,{proceso:"insertarTCargo",desc : $("input[name=descripciontcargo]").val()},function(responsetext){
                    $("select[name=tccargo]").append(responsetext);
                    $("select[name=tccargo] option:last").attr("selected,selected")                    
                     $("#popUpContent").css("display","block");
                    $("#popUpContentTCargo").css("display","none");
             });            
        }
      
      
      
      
      
      
    var aviertotc = false;
    function MostrarTCargo() {
        if(aviertotc==true)
        {
            $("#btnTipo").css("display","none");
            $("#txtTipo").css("display","none");
            aviertotc=false;
        }
        else
        {
            $("#btnTipo").css("display","inline");
            $("#txtTipo").css("display","inline");
            aviertotc=true;
        }
    }
    function nuevoTipo()
    {
        $.post(urlJsp,{proceso:"insertarTipo",desc : $("#txtTipo").val()},function(responsetext){
                 $("select[name=tccargo]").append(responsetext);                    
                 $("#btnTipo").css("display","none");
                 $("#txtTipo").css("display","none");
                 $("#txtTipo").val("");
                 aviertotc=false;
        });  
    }
    
    
    
        var aviertodato = false;
        function MostrarDato() 
        {
            if(aviertodato==true)
            {
                $("#divdatos").css("display","none");
                aviertodato=false;
            }
            else
            {
                $("#divdatos").css("display","inline");
                aviertodato=true;
            }
        }
        function nuevoDato()
        {
            var idtipodato = $("select[name=tipodato] option:selected").val();
            $.post(urlJsp,{proceso:"insertarDato",desc : $("#txtDato").val(),idtipo:idtipodato},function(responsetext){
                     $("#lista-datos").append(responsetext);                    
                     $("#btnDato").css("display","none");
                     $("#txtDato").css("display","none");
                     $("#txtDato").val("");
                     aviertodato=false;
            });  
        }
                
    var aviertodocs= false;
    function MostrarDocs()
    {
        if(aviertodocs==true)
        {
            $("#divdatos2").css("display","none");
            aviertodocs=false;
        }
        else
        {
            $("#divdatos2").css("display","inline");
            aviertodocs=true;
        }
    }
    
    function nuevoDocs()
    {
        var idtipodato = $("select[name=tipodoc] option:selected").val();
        $.post(urlJsp,{proceso:"insertarDocs",desc : $("#txtDocs").val(),idcatdoc:idtipodato},function(responsetext){
                 $("#lista-docs").append(responsetext);                    
                 $("#btnDocs").css("display","none");
                 $("#txtDocs").css("display","none");
                 $("#txtDocs").val("");
                 aviertodocs=false;
        });  
    }
    
    $("#CrearNuevo").click(function(){       
             $.post(urlJsp,{proceso:"buscarDependiente"},function(responsetext){
                    var json = $.parseJSON(responsetext);                
                    $("select[name=dependencia]").html(json.dependientes);
                    $("select[name=tccargo]").html(json.tiposcargo);
                    $("#lista-datos").html(json.lista_datos);
                    $("#lista-docs").html(json.lista_docs);
                    $("#popUpbackGround").css("display","block");
                    $("#cargos").css("display","block");
              });             
    });
    
    function eliminardato(id,span)
    {
         $.post(urlJsp,{proceso:"eliminarDato",id:id},function(responsetext){
             $(span).parent().remove();
        });    
    }
    </script>
</html>